<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="刘锴睿简历">

<title>刘锴睿简历</title>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/academicons/css/academicons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css">
<link id="theme-style" rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/cus.css">





    </head>

    <body>
        

<div class="wrapper">
    <div class="onlineResume">
        在线简历: <a href="https://cv.liukairui.cc">cv.liukairui.cc</a>
    </div>
    
<section class="basic">
    

    <div class="header text-center">
        
        <h2 class="name">刘锴睿</h2>
        
        <h3 class="title">前端开发工程师</h3>
        
        

        <div class="contact">

            
<ul class="list-unstyled">
    
    <li class="email"><i class="fas fa-envelope"></i>
        <a href="mailto:Kairui_Liu@outlook.com">Kairui_Liu@outlook.com</a>
    </li>
    

    
    <li class="phone"><i class="fas fa-phone"></i>
        <a href="tel:134-0369-3631">134-0369-3631</a>
    </li>
    

    

    

    

    
    <li class="website"><i class="fas fa-globe"></i>
        <a href="https://liukairui.cc" target="_blank">liukairui.cc</a>
    </li>
    

    

    

    

    

    
    <li class="github"><i class="fab fa-github"></i>
        <a href="https://github.com/KairuiLiu" target="_blank">KairuiLiu</a>
    </li>
    

    

    

    

    

    

    
</ul>


        </div>
    </div>
    
</section>

    

<section class="educations">
    <div class="section-title">
        教育经历
    </div>

    <div class="section-content">
        
        <div class="item">

            <div class="upper-row">
                <div class="university">西南大学</div>
                <div class="time">2019 - 2023</div>
            </div>

            <div class="upper-row">
                <div class="major">计算机科学与技术(数据科学方向)</div>
                <div class="degree"><i class="fas fa-graduation-cap"></i> 学士 Rank 3%</div>
            </div>

            

        </div>
        
    </div>
</section>


    

<section class="skills">
    <div class="section-title">
        专业技能
    </div>

    <div class="section-content">
        <div class="details">
            <div class="markdown">
                <table>
  <tbody>
    <tr>
      <td>😄 熟悉JavaScript, 了解TypeScript, 掌握ES6以上常见特性.</td>
    </tr>
    <tr>
      <td>😄 熟悉Vue.js项目开发. 了解Vue.js基本原理与相关新技术(Vite, Pinia).</td>
    </tr>
    <tr>
      <td>😄 熟悉HTML, CSS, Less, Ajax(Axios), jQuery等前端常见技术.</td>
    </tr>
    <tr>
      <td>😕 了解常见前端构建工具(webpack, Gulp)与工程化工具(Prettier, ESLint, Git, husky).</td>
    </tr>
    <tr>
      <td>😕 了解Node.js, 可以使用Express构建简单Web后端.</td>
    </tr>
    <tr>
      <td>😕 了解G2Plot, D3.js等可视化框架. 使用上述框架实现过数据可视化与交互.</td>
    </tr>
    <tr>
      <td>😄 熟悉Linux系统管理与DHCP, VSFTP, Samba, Rsync, LNMP+LVS等基础网络服务的搭建.</td>
    </tr>
  </tbody>
</table>

            </div>
        </div>

        
    </div>
</section>


    

<section class="certificates">
    <div class="section-title">
        获奖与证书
    </div>

    <div class="section-content">
        <div class="row">
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">

                    <div class="upper-row">
                        <div class="certificate">算法竞赛</div>
                        
                        <div class="time"><a href="https://icpc.global/ICPCID/UUWH0JANEIUR">ICPCID<svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="outbound-link-title" role="img" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><title id="outbound-link-title">(opens new window)</title> <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div>
                        
                    </div>

                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/ccpc/7th/guilin?organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">CCPC中国大学生程序设计竞赛 桂林站 🥇金奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第7届</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/ccpc/7th/weihai?organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">CCPC中国大学生程序设计竞赛 威海站 🥈银奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第7届</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/icpc/46th/shanghai?organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">ICPC国际大学生程序设计竞赛 上海站 🥉铜奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第46届</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/icpc/46th/jinan?group=%E6%89%80%E6%9C%89%E9%98%9F%E4%BC%8D&organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">ICPC国际大学生程序设计竞赛 济南站 🥉铜奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第46届</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/ccpc/2020/final?organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">CCPC中国大学生程序设计竞赛 总决赛 优胜奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第6届</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div ><a href="https://board.xcpcio.com/icpc/2020/kunming?organization=%5B%22%E8%A5%BF%E5%8D%97%E5%A4%A7%E5%AD%A6%22%5D">ICPC国际大学生程序设计竞赛 昆明站 优胜奖</a>
                        </div>
                        
                        <div class="reawrd"></div>
                        <div class="time">第45届</div>
                    </div>
                    

                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">

                    <div class="upper-row">
                        <div class="certificate">在校获奖</div>
                        
                    </div>

                    
                    <div class="upper-row">
                        
                        <div >国家励志奖学金</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2021</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div >校级学习优秀奖</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2021</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div >校级学术科技奖</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2020</div>
                    </div>
                    

                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">

                    <div class="upper-row">
                        <div class="certificate">数学建模</div>
                        
                    </div>

                    
                    <div class="upper-row">
                        
                        <div >美国大学生数学建模竞赛 M奖(一等奖)</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2021</div>
                    </div>
                    
                    <div class="upper-row">
                        
                        <div >全国大学生数学建模竞赛 省二等奖</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2020</div>
                    </div>
                    

                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">

                    <div class="upper-row">
                        <div class="certificate">语言技能</div>
                        
                    </div>

                    
                    <div class="upper-row">
                        
                        <div >雅思-6.0</div>
                        
                        <div class="reawrd"></div>
                        <div class="time">2021</div>
                    </div>
                    

                    
                </div>
            </div>
            
        </div>
    </div>
</section>

    

<section class="projects">
    <div class="section-title">
        项目经验
    </div>

    <div class="section-content">
        
        <div class="row">
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">
                    
                    <p class="project">
                        
                        🐱 西南大学动物实验中心伦理与采购审核系统
                        
                    </p>

                    
                    <div class="details">
                        <div class="markdown">
                            <table>
  <tbody>
    <tr>
      <td>帮助校动物中心实现实验伦理审核, 动物选购无纸化.</td>
    </tr>
    <tr>
      <td>负责: 前端实现</td>
    </tr>
    <tr>
      <td>技术: <img src="https://img.shields.io/badge/Vite-646CFF?style=flat-square&amp;logo=Vite&amp;logoColor=white" alt="Vite" /><img src="https://img.shields.io/badge/Vue3-4FC08D?style=flat-square&amp;logo=Vue.js&amp;logoColor=white" alt="Vue3" /><img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&amp;logo=TypeScript&amp;logoColor=white" alt="TS" /><img src="https://img.shields.io/badge/G2%20Plot-6c2fc3?style=flat-square&amp;logo=antdesign&amp;logoColor=white" alt="G2" /></td>
    </tr>
    <tr>
      <td>链接: <a href="https://gitee.com/LiuKairui/lac-oa-fe" target="_blank"><i class="fa-brands fa-git-alt"></i> Gitee</a></td>
    </tr>
  </tbody>
</table>

                        </div>
                    </div>
                    
                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">
                    
                    <p class="project">
                        
                        📈 Data观 - 在线的数据可视化平台
                        
                    </p>

                    
                    <div class="details">
                        <div class="markdown">
                            <table>
  <tbody>
    <tr>
      <td>轻松实现数据可视化与共享, 挖掘数据背后的价值.</td>
    </tr>
    <tr>
      <td>负责: 数据预处理(类型检查/校验/筛选/公式字段)</td>
    </tr>
    <tr>
      <td>技术: <img src="https://img.shields.io/badge/Vite-646CFF?style=flat-square&amp;logo=Vite&amp;logoColor=white" alt="Vite" /><img src="https://img.shields.io/badge/Vue3-4FC08D?style=flat-square&amp;logo=Vue.js&amp;logoColor=white" alt="Vue3" /><img src="https://img.shields.io/badge/Pinia-c0a52c?style=flat-square&amp;logo=Pi-hole&amp;logoColor=white" alt="pinia" /><img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&amp;logo=TypeScript&amp;logoColor=white" alt="TS" /></td>
    </tr>
    <tr>
      <td>链接: <a href="https://github.com/KairuiLiu/Youth-Training-Project/tree/lkr/" target="_blank"><i class="fab fa-github"></i> GitHub</a> <a href="https://data2chart.all1024.com" target="_blank"><i class="fas fa-globe"></i> 预览 <i class="fa-solid fa-user"></i> alexzhli/123456</a></td>
    </tr>
  </tbody>
</table>

                        </div>
                    </div>
                    
                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">
                    
                    <p class="project">
                        
                        🏄🏼 划水 - 将电脑伪装为系统更新
                        
                    </p>

                    
                    <div class="details">
                        <div class="markdown">
                            <table>
  <tbody>
    <tr>
      <td>根据配置显示一个Windows Update画面.</td>
    </tr>
    <tr>
      <td>技术: <img src="https://img.shields.io/badge/Vite-646CFF?style=flat-square&amp;logo=Vite&amp;logoColor=white" alt="Vite" /><img src="https://img.shields.io/badge/Vue3-4FC08D?style=flat-square&amp;logo=Vue.js&amp;logoColor=white" alt="Vue3" /><img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&amp;logo=TypeScript&amp;logoColor=white" alt="TS" /></td>
    </tr>
    <tr>
      <td>链接: <a href="https://github.com/KairuiLiu/huashui" target="_blank"><i class="fab fa-github"></i> GitHub</a> <a href="https://hua.liukairui.cc" target="_blank"><i class="fas fa-globe"></i> 在线预览</a></td>
    </tr>
  </tbody>
</table>

                        </div>
                    </div>
                    
                    
                </div>
            </div>
            
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
                <div class="item">
                    
                    <p class="project">
                        
                        📑 ArtRank - 文献管理与发现平台
                        
                    </p>

                    
                    <div class="details">
                        <div class="markdown">
                            <table>
  <tbody>
    <tr>
      <td>基于PageRank的文献信息爬取, 管理, 发现平台.</td>
    </tr>
    <tr>
      <td>技术: <img src="https://img.shields.io/badge/Bootstrap-7952B3?style=flat-square&amp;logo=Bootstrap&amp;logoColor=white" alt="Bootstrap" /><img src="https://img.shields.io/badge/Express-000000?style=flat-square&amp;logo=Express&amp;logoColor=white" alt="Express" /><img src="https://img.shields.io/badge/-ArtTemplate-blue?style=flat-square" alt="ArtTemplate" /><img src="https://img.shields.io/badge/MySQL-4479A1?style=flat-square&amp;logo=MySQL&amp;logoColor=white" alt="MySQL" /></td>
    </tr>
    <tr>
      <td>链接: <a href="https://github.com/KairuiLiu/ArtRank" target="_blank"><i class="fab fa-github"></i> GitHub</a></td>
    </tr>
  </tbody>
</table>

                        </div>
                    </div>
                    
                    
                </div>
            </div>
            
        </div>
    </div>
</section>

    


    


    


    


    


    


    


</div>




    </body>
</html>
